

<body>
    <div class="x-body">
        <form action="" method="post" class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>角色名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="title" required="" lay-verify="required"
                    autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">
                    拥有权限
                </label>
                <table  class="layui-table layui-input-block">
                    <tbody>
                    <?php foreach ($cate as $v): ?>
                        <tr>
                            <td>
                                <?php echo $v['cname']; ?>
                            </td>
                            <td>
                                <div class="layui-input-block">
                                <?php foreach ($v['content'] as $value):?>
                                    <input class="rule" name="" type="checkbox" value="<?php echo $value['id']; ?>"> <?php echo $value['title']; ?>
                                <?php endforeach; ?>
                                </div>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                        <!-- <tr>
                            <td>
                                文章管理
                            </td>
                            <td>
                                <div class="layui-input-block">
                                    <input name="id[]" type="checkbox" value="2"> 文章添加
                                    <input name="id[]" type="checkbox" value="2"> 文章删除
                                    <input name="id[]" type="checkbox" value="2"> 文章修改
                                    <input name="id[]" type="checkbox" value="2"> 文章改密
                                    <input name="id[]" type="checkbox" value="2"> 文章列表
                                </div>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
            <div class="layui-form-item layui-form-text">
                <label for="desc" class="layui-form-label">
                    描述
                </label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" id="desc" name="desc" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
            <button class="layui-btn" lay-submit="" lay-filter="add">增加</button>
          </div>
        </form>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form()
          ,layer = layui.layer;

          //监听提交
          form.on('submit(add)', function(data){
            var rules='';
            var rule=[];
            for(var i=0;i<$('.rule').length;i++){
                if($('.rule').eq(i).is(':checked')){
                    rules+=$('.rule').eq(i).val();
                    rules+=',';
                    rule[rule.length]=$('.rule').eq(i).val();
                }
            }
            data.field.rules=rules;
            data.field.rule=rule;
            //alert(rules);
            $.ajax({
                url: '{:U("admin/roleadd/add")}',
                type: 'post',
                dataType: 'json',
                data: data.field,
            })
            .done(function(res) {
                layer.alert(res.info, {icon: 6},function () {
                    // 获得frame索引
                    var index = parent.layer.getFrameIndex(window.name);
                    //关闭当前frame
                    parent.layer.close(index);
                    parent.location.reload();
                });
            })
            .fail(function() {
                console.log("error");
            })
            return false;
          });
          
          
        });
    </script>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</body>